.arco-modal.runnerGo-add-third-party-integration-modal {
  min-height: 557px;
  padding-bottom: 58px;

  .arco-modal-content {
    max-height: 570px;
    font-size: 12px;
    overflow-y: auto;

    .card {
      .arco-input-inner-wrapper {
        background-color: var(--modal-footer);
        font-size: 12px;
        margin-top: 4px;
      }
      .tips{
        margin-top: 4px;
        font-size: 12px;
        color: var(--font-3);
        svg{
          color: var(--theme-color);
          margin-right: 5px;
        }
      }
      .arco-select {
        background: var(--modal-footer);

        .arco-select-view-value {
          font-size: 12px;
        }
      }

      margin-bottom: 16px;

      label {
        color: var(--font-3);
        margin-bottom: 4px;
        display: flex;
        align-items: center;

        .required {
          color: var(--sub-color-5);
        }

        .help {
          display: flex;
          align-items: center;
          color: var(--theme-color);
          margin-left: 4px;
          cursor: pointer;

          svg {
            margin-right: 2px;
          }
        }

        svg {
          font-size: 16px;
        }
      }

      .select-team-list {
        .select-team-list-item {
          display: flex;
          align-items: center;
          height: 40px;

          .arco-btn-text,
          .arco-select {
            margin-left: 12px;
          }

          .arco-btn-text {
            color: var(--sub-color-5) !important;
          }
        }

        .add-team {
          margin-top: 16px;
          display: flex;
          align-items: center;

          .arco-btn-size-default {
            padding: 0;
          }

          &>svg {
            margin-left: 6px;
            color: var(--font-3);
            font-size: 16px;
          }
        }
      }

      .item-card {
        width: 92px;
        height: 68px;
        border: 1px solid var(--border-line);
        border-radius: 3px;
        padding: 9px;
        text-align: center;

        .icon {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
        }

        .name {
          font-size: 12px;
          margin-top: 10px;
        }

        &.email {
          .icon {
            margin-right: 2px;
          }
        }
      }

      .item-card4 {
        width: 104px;
      }

      .item-card.active {
        background: var(--theme-10);
        border: 1px solid var(--theme-color);
      }

      .arco-radio-group {
        display: flex;
        overflow: auto;
        margin-top: 8px;

        .arco-radio {
          margin-right: 10px;
          padding: 0;
        }
      }
    }

  }

  .arco-modal-footer {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}